.transaction-list-item {
  &__primary-currency {
    color: $Black-100;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &__secondary-currency {
    @include H7;

    margin-top: 4px;
    color: $Grey-500;
  }

  & &--unconfirmed {
    color: $Grey-500;
  }

  &--unconfirmed &__primary-currency {
    color: $Grey-500;
  }

  &__pending-actions {
    padding-top: 12px;
    display: flex;

    .button {
      @include H8;

      padding: 8px;
      width: 75px;
      white-space: nowrap;
    }

    & > .button:first-child {
      margin-right: 6px;
    }

    &:empty {
      padding-top: 0;
    }
  }

  .list-item__subheading > h3 {
    overflow: visible;
    display: flex;
    white-space: nowrap;
    text-overflow: initial;
  }

  .transaction-status::after {
    content: "·";
    margin: 0 4px;
  }

  &__origin,
  &__address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  &__origin {
    /*rtl:ignore*/
    direction: rtl;
  }
}
